<!DOCTYPE html>
<html lang="zh">

  <head>
    <meta charset="UTF-8">
    <title>长运租车</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="keywords" content="" /> <!-- 关键字 -->
    <meta name="description" content="" /> <!-- 描述 -->
    <link rel="stylesheet" href="./css/mui.picker.min.css" />
    <link rel="stylesheet" href="./css/pickTime.css" />
    <!-- 引入css -->
    <link rel="stylesheet" href="./css/ionic-change.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/btn.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script type="text/javascript" src="./js/tc/mui.min.js"></script>
    <script type="text/javascript" src="./js/tc/mui.picker.min.js"></script>
    <script type="text/javascript" src="./js/tc/jquery-weui.js"></script>
  </head>

  <body style="background:#f2f2f2">
    <div class="container">
      <div class="navigation">
        <ul>
          <li class="enterprise active">企业用车 <div class="line"></div>
          </li>
          <li class="personal">个人用车 <div class="line"></div>
          </li>
        </ul>
      </div>
      <div class="main">
        <!-- banenr -->
        <div class="banner">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="./images/banner.png" alt="">
              </div>
              <div class="swiper-slide">
                <img src="./images/banner.png" alt="">
              </div>
              <div class="swiper-slide">
                <img src="./images/banner.png" alt="">
              </div>
              <div class="swiper-slide">
                <img src="./images/banner.png" alt="">
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
        <!-- 内容模块 -->
        <div class="Content_module">
          <!-- <input class="weui_switch" type="checkbox"> -->
          <ul>
            <!-- 送车上门 -->
            <li class="Car_door">
              <div class="Car_door_info">
                <div class="left">
                  <span>送车上门</span>
                  <input class="weui_switch Car" type="checkbox" name="Car_door_switch">
                </div>
                <div class="right">
                  <ul>
                    <li class="city">
                      <div class="name">取车城市</div>
                      <div class="goto">
                        <span id="cityname" class="car_city">杭州</span>
                        <div class="Car_city_img"></div>
                      </div>
                    </li>
                    <li class="car_stores quche">
                      <div class="name">取车门店</div>
                      <div class="goto quche_store ">
                        <span class="qc_store">萧山机场店萧山机场店萧山机场店</span>
                        <div class="Car_city_img"></div>
                      </div>
                    </li>
                    <li class="car_address" style="display:none">
                      <div class="car_addressname ">送车地址</div>
                      <div class="goto">
                        <span>
                          <input type="text" placeholder="请输入送车地址" class="sc_address">
                        </span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <!-- 取车上门 -->
            <li class="Pickup_door">
              <div class="Car_door_info">
                <div class="left">
                  <span>上门取车</span>
                  <input class="weui_switch Pickup" type="checkbox" name="Pickup_door_switch">
                </div>
                <div class="right">
                  <ul>
                    <li class="city">
                      <div class="name">还车城市</div>
                      <div class="goto">
                        <span id="Pickupcity" class="car_city ">杭州</span>
                        <div class="Car_city_img"></div>
                      </div>
                    </li>
                    <li class="Pickupstore">
                      <div class="name">还车门店</div>
                      <div class="goto haiche_store">
                        <span class="hc_store">萧山机场店萧山机场店萧山机场店</span>
                        <div class="Car_city_img"></div>
                      </div>
                    </li>
                    <li class="Pickup_address" style="display:none">
                      <div class="Pickup_addressname ">取车地址</div>
                      <div class="goto">
                        <span>
                          <input type="text" placeholder="请输入取车地址" class="Pickup_address_info" name='Pickup_address_info'>
                        </span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
            <li class="times">
              <div class="left" id="time-format">
                <!-- <input  type="text" class="Rental_date" placeholder="08月23日"  id="time-format" /> 
                  <div class="Rental_times">
                    <span>今天</span>
                    <span class="timer">17:15</span>
                  </div> -->
                <!-- <input  type="text" placeholder="08月23日" /> -->
                <div class="Rental_date">08月23日</div>
                <div class="Rental_times">
                  <!-- <span>今天</span> -->
                  <span class="timer">17:15</span>
                </div>
              </div>
              <div class="mid">
                <span><em>2</em>天</span>
              </div>
              <div class="right" id="time-format3">
                <!-- <input  type="text" class="Rental_date" placeholder="08月23日"  id="time-format3"/>  -->
                <div class="Pickup_date">08月23日</div>
                <div class="Pickup_times">
                  <!-- <span>今天</span> -->
                  <span class="timer">17:15</span>
                </div>
              </div>

            </li>

            <li>
              <div class="driver_tips">
                <div class="left">
                  <span>带司机</span>
                  <img src="./images/wh.png" alt="" class="driver">
                </div>
              </div>
              <div class="activars"><span></span></div>
            </li>

          </ul>

        </div>
      </div>
      <!-- 立即选车 -->
      <div class="Choose_car">立即选车</div>

    </div>
    <!-- 选择司机 -->
    <div class="mask3 hide">
      <div class="Explain">
        <div class="Explain--item">
          <div class="title">带司机</div>
          <div class="con">
            连续多日订单，驾驶员需要陪同在异地过夜的情况下，客户需要按300元/晚的标准支付食宿费；连续多日订单但在同城内，驾驶员可回家休息的情况下，该费用用户不需要支付。
          </div>
        </div>
        <div class="Explain_btn">
          我知道了
        </div>
      </div>
    </div>
    <div class="mask"></div>
    <div id="timePicker">
      <div class="pickerTitle">
        <span class="cancel">取消</span>
        <span class="title">取车时间</span>
        <span class="confirm">确认</span>
      </div>

      <div class="pickerBox">
        <div class="middleLine"></div>
        <div id="pickMonth">
          <ul>

          </ul>
        </div>
        <div id="pickDate">
          <ul>

          </ul>
        </div>
        <div id="pickTime">
          <ul>

          </ul>
        </div>
      </div>
    </div>
    <div class="mask2"></div>
    <div id="timePicker2">
      <div class="pickerTitle2">
        <span class="cancel2">取消</span>
        <span class="title2">还车时间</span>
        <span class="confirm2">确认</span>
      </div>
      <div class="pickerBox2">
        <div class="middleLine2"></div>
        <div id="pickMonth2">
          <ul>

          </ul>
        </div>
        <div id="pickDate2">
          <ul>

          </ul>
        </div>
        <div id="pickTime2">
          <ul>

          </ul>
        </div>
      </div>
    </div>

  </body>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/rem.js"></script>
  <script src="./js/swiper.min.js"></script>
  <!-- 时间插件 -->
  <script type="text/javascript" src="./js/tc/demoUtils.js"></script>
  <script type="text/javascript" src="./js/tc/iscroll-probe.js"></script>
  <script type="text/javascript" src="./js/tc/pickTime.js"></script>
  <script type="text/javascript" src="./js/tc/pickTime2.js"></script>

  <script>
    var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
      },
    });
    $('.weui_switch.Car').click(function () {
      if ($('input[name="Car_door_switch"]').prop("checked")) {
        $('li.car_address').show();
        $('li.car_stores').hide();
      } else {
        $('li.car_address').hide();
        $('li.car_stores').show();
      }
    })
    $('.weui_switch.Pickup').click(function () {
      if ($('input[name="Pickup_door_switch"]').prop("checked")) {
        $('.Pickup_address').show();
        $('.Pickupstore').hide();
      } else {
        $('.Pickup_address').hide();
        $('.Pickupstore').show();
      }
    })
    $(".car_city").click(function () {
      location.href = "Select_city.html"
    })
    $("#Pickupcity").click(function () {
      location.href = "Select_city.html"
    })
    $('.haiche_store').click(function () {
      location.href = "Select_store.html"
    })
    $('.quche_store').click(function () {
      location.href = "Select_store.html"
    })

    $(".navigation ul li").on("click ", function () {
      $(".navigation ul li").removeClass("active ");
      $(this).addClass("active ");
    });
    //选择司机
    $('.activars').on('click', function () {
      $(this).children().toggleClass("active");
    })
    //司机弹窗
    $('.driver').on('click', function () {
      $(".mask3").fadeIn(300);
    })
    $('.Explain_btn').on('click', function () {
      $(".mask3").fadeOut(300);
    })
    // 立即选车
    $(".Choose_car").on('click', function () {
      location.href = "Selection_model.html"
    })

  </script>

</html>
